<template>
	<view>
		<c-popup title="修改手机号" ref="popupRef">
			<view class="phone-popup">
				<view class="form-item">
					<text class="label">手机号</text>
					<view class="form-input">
						<input v-model="form.mobile" type="text" placeholder="输入手机号" class="value" />
					</view>
				</view>
				<!-- <view class="form-item">
					<text class="label">验证码</text>
					<view class="form-input">
						<input v-model="form.verify_code" type="text" placeholder="验证码" class="value" />
						<text class="code" @tap="getCode">{{tips}}</text>
					</view>
				</view> -->
				<c-button type="error" round size="medium" block @click="submit">立即提交</c-button>
			</view>
		</c-popup>
	</view>
</template>

<script setup>
	import cache from '@/utils/cache';
	import {
		ref,
		reactive,
		toRefs,
		inject
	} from 'vue';

	const popupRef = ref(null);

	function close() {
		popupRef.value.close();
	}

	function open() {
		popupRef.value.handleOpen();
	}

	const state = reactive({
		themeColor: JSON.parse(cache.get('themeColor')),
	});

	const {
		themeColor,
	} = toRefs(state);
</script>

<style lang="scss">

</style>